@import "src/style/index";

.draft-detail{
	.dt-base{
		background-color:#fff;
		padding-left:r(10);
		.dt-hd{
			padding-bottom:r(1);
			@include borderBottom();
			.tit{
				padding:r(10) r(10) 0 0;
				line-height:r(22);
				h3{
					color:$base-color-666;
					font-size:r(15);
				}
				.icon{
					margin:r(-2) 0 0 r(10);
					width:r(44);
					height:r(18);
				}
			}
		}
		.inner{
			padding:r(20) r(10) r(20) 0;
			.line{
				height:r(33);
				line-height:r(33);
				font-size:r(11);
				.val{
					font-size:r(24);
				}
			}
			.lightspot{
				.line{
					color:#F8A000;
				}
			}
			.deadline{
				text-align: center;
				.line{
					font-size:r(16);
					color:$base-color-18428d;
				}
			}
			.residue{
				text-align: right;
			}
			.weaken{
				padding:r(2) 0 0;
				font-size: r(11);
				color:#A2A9B1;
			}
		}
		.other{
			color:$base-color-666;
			padding:r(9) 0;
			.row-p{
				line-height:r(24);
				font-size:r(13);
			}
		}
	}
	.detail-state{
		padding:r(10);
		background-color:#fff;
		line-height:r(22);
		color:$base-color-666;
		.tit-4{
			line-height: r(22);
		}
	}
	.empty{min-height:r(100);}
	.handler{
		padding:r(40) r(12);
	}
}





